<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo</title>
    <link rel="stylesheet"  href="css/style.css">
</head>
<body>
    <div id="demo">
        <div class="header">       
            <div class="title">     
                <h1 class="deo">Demo</h1>
                <p class="text">Site Description</p>
            </div>      
                <nav>       
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Themify</a></li>
                        <li><a href="#">IconDock</a></li>
                        <li><a href="#">N.Design</a></li>
                    </ul>
                </nav>
                <form action="#">       
                    <input type="text" name="" placeholder="Search">
                </form>
        </div>

        <div class="content">       
            <div class="left_content">       
                <div class="content_title">
                    <h2>Just a Post Title</h2>
                    <p>May 8, 2011 in <a href="#">Category</a></p>
                </div>
                <div class="content_img">
                    <img src="img/sample-image.jpg" alt="#">
                </div>
                <div class="content_text">
                    <p>Fusce ut sem est. In eu sagittis felis. In gravida arcu ut neque ornare vitae rutrum turpis vehicula.
                        Nunc ultrices sem mollis metus rutrum non malesuada metus fermentum. Vestibulum ante ipsum primis in
                        faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque interdum rutrum quam, a
                        pharetra est pulvinar ac. Vestibulum congue nisl magna. Ut vulputate odio id dui convallis in
                        adipiscing libero condimentum. Nunc et pharetra enim. Praesent pharetra, neque et luctus tempor, leo
                        sapien faucibus leo, a dignissim turpis ipsum sed libero. Sed sed luctus purus. Aliquam faucibus
                        turpis at libero consectetur euismod. Nam nunc lectus, congue non egestas quis, condimentum ut arcu.
                        Nulla placerat, tortor non egestas rutrum, mi turpis adipiscing dui, et mollis turpis tortor vel
                        orci. Cras a fringilla nunc. Suspendisse volutpat, eros congue scelerisque iaculis, magna odio
                        sodales dui, vitae vulputate elit metus ac arcu. Mauris consequat rhoncus dolor id sagittis. Cras
                        tortor elit, aliquet quis tincidunt eget, dignissim non tortor.</p>
                    
                </div>
            </div>      
           <div class="clear"></div>        
        </div>      
        <div class="right_content">       
            <div class="content_noe">
                <h3>Sidenar</h3>
                <ul>
                    <li><a href="#">WordPress</a>(3)</li>
                    <li><a href="#">Design</a>(23)</li>
                    <li><a href="#">Design</a>(18)</li>
                </ul>
            </div>
            <div class="content_tow">
                    <h3>Flickr</h3>
            </div>
        </div>     
        <div class="clear"></div>      
        <div class="footter">       
            <p>Tutorial by <a href="#">Web Designer Wall</a></p>
        </div>      
        
    </div>
</body>
</html>